@import './commonPC/_crumbs.less';
@import './commonPC/_imgText.less';
@import './commonPC/_infiniteScroll.less';

.editorPage{
	.person{
		display: flex;
		margin:0 0 80px 0;
		.avatar{
			width: 253px;
			margin:0 48px 0 0;
			text-align: center;
			img{
				width:253px;
				height: 253px;
				border-radius: 50%;
				margin:0 0 31px 0;
			}
			p{
				height: 21px;
				font-size: 18px;
				color: #121212;
				line-height: 21px;
				margin:0 0 18px 0;
				font-family:'Roboto-Regular';
				i{
					width: 12px;
					height: 12px;
					background: #177FE9;
					border-radius: 50%;
					display: inline-block;
					margin:0 5px 0 0;
				}
			}
			.icon{
				a{
					margin:0 20px 0 0;
					&:last-child{
						margin:0;
					}
				}
				img{
					width:30px;
					height: 30px;
				}
			}
		}
		.detail{
			h4{
				height: 33px;
				font-size: 28px;
				font-family: Roboto-Medium, Roboto;
				font-weight: 500;
				color: #121212;
				line-height: 33px;
				margin:48px 0 40px 0;
			}
			.mobile{
				display: none;
			}
			li{
				margin:0 0 40px 28px;
				position: relative;
				&:before{
					width: 12px;
				    height: 12px;
				    background: #177FE9;
				    border-radius: 50%;
				    margin: 0 16px 0 0;
				    display: inline-block;
				    content: "";
				    position: absolute;
				    left: -28px;
    				top: 8px;
				}
				/*&:last-child{
					margin:0;
				}*/
				h5{
					font-size: 24px;
					color: #121212;
					line-height: 28px;
					margin:0 0 16px 0;
				}
				p{
					font-size: 18px;
					line-height: 24px;
					margin:0 0 14px 0;
				}
			}
		}
	}
	.intro{
		margin:0 0 24px 0;
		li{
			margin:0 0 69px 0;
			&:last-child{
				margin:0;
			}
		}
		h5{
			font-size: 24px;
			color: #121212;
			line-height: 28px;
			margin:0 0 14px 0;
			display: flex;
    		align-items: center;
		}
		p{
			font-size: 18px;
			line-height: 28px;
		}
		i{
			width: 12px;
			height: 12px;
			background: #177FE9;
			border-radius: 50%;
			margin:0 8px 0 0;
			display: inline-block;
		}
	}
	.more{
		text-align: right;
		margin:0 0 77px 0;
		font-size: 20px;
		font-family: Roboto-Medium, Roboto;
		font-weight: 500;
		color: #177FE9;
		line-height: 24px;
		a{
			font-size: 20px;
			font-family: Roboto-Medium, Roboto;
			font-weight: 500;
			color: #177FE9;
			line-height: 24px;
		}
		i{
			width: 8px;
			height: 14px;
			text-indent: -9999px;
			display: inline-block;
			background: url("../images/editors/arrow-down-s-line@2x.png") no-repeat center/8px 14px;
		}
	}
	.recommend{
		font-family: Roboto-MediumItalic;
	    font-size: 28px;
	    color: #121212;
	    letter-spacing: 0.5px;
	    line-height: 38px;
	    font-style: italic;
	    padding: 16px 0 8px 0;
	    border-top: 1px solid #121212;
	}
	.img-text{
		padding: 32px 0;
		border-bottom: 1px solid #E4E4E4;
		&:last-child{
			border:none;
		}
		.img-text-left{
			height: auto;
		    display: inline-block; 
	    	overflow: hidden;
		}
		.img-text-left img{
			width: 300px;
			max-width:initial;
			max-height: initial;
			height: auto;
		}
	}
	.favorite-box{
		margin:0 0 183px 0;
	}
}
